<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="content-Type" content="text/html; charset=utf-8" /> 
<title>Exam4j</title>
<link href="${basePath}/css/css-base.css" rel="stylesheet" type="text/css" />
<style>

body{
	font: 14px/30px "Lucida Grande", "Lucida Sans Unicode","\5FAE\8F6F\96C5\9ED1", Arial, Verdana, sans-serif ;
	-moz-user-select:none;
}

.top{
	width:100%;
	height:30px;
	border-bottom:1px solid #DBE5F1;
	font-size:14px;
}
.header{
	margin:0 auto;
	width:962px;
}

.footer{
	width:100%;
	bottom:0;
	height:30px;
	border-top:1px solid #DBE5F1;
	font-size:14px;
}
.top li a:{float:left;margin:4px;_margin-top: 8px;line-height: 31px;font-weight:bold}
.top li a:link {color:#868686;text-decoration:none;}
.top li a:visited {color:#868686;text-decoration:none;}
.top li a:hover {color:#C70707;}

.nav{float:left;}
.nav li {display:inline;margin:0 10px;}


.menu{float:right;text-align:center}
.menu li {display:inline;padding: 4px 8px;}

.container{
	margin:0 auto;
	width:960px;
}

.addexam_box{
	border:5px solid #DBE5F1;
	margin:40px 200px;
	
}

.addexam_box p{
	margin:0 35px;
	padding:5px;
	font-weight:bold;
	font-size:26px;
	color:#626262;
	
}

.addexam_box input{
	border:2px solid #DBE5F1;
	height:30px;
	width:465px;
	margin:0 auto;
	font-size:26px;
	
}

.addexam_box select{
	border:2px solid #DBE5F1;
	height:34px;
	margin:0 auto;
	font-size:26px;
}

.wb465{
	width:465px;
}

.addexam_box .select_wide{
	border:2px solid #DBE5F1;
	height:34px;
	width:465px;
	margin:0 auto;
	font-size:26px;
}
.addexam_box a{
	width:450px;
	height:40px;
	background-color:#DBE5F1;
	border:0;
	margin:10px;
	text-align:center;
	font-size:28px;
	display:block;
	line-height:40px;
}

.addexam_box a:link {color:#868686;text-decoration:none;}
.addexam_box a:visited {color:#868686;text-decoration:none;}
.addexam_box a:hover {background-color:#94B1D6;color:white;font-size:26px;}
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="${basePath}/js/My97DatePicker/WdatePicker.js"></script>
<script>
$(document).ready(function(){
	<#if (examId??)>
	$("#examId").val("${examId}");
	</#if>
	$("#btn_submit").click(function(){
		var day = $("#examDate").val();
		var beginHour = $("#beginHour").val();
		var beginMinutes = $("#beginMinutes").val();
		var beginSeconds = $("#beginSeconds").val();
		
		var endHour = $("#endHour").val();
		var endMinutes = $("#endMinutes").val();
		var endSeconds = $("#endSeconds").val();
		
		
		$("#beginFullTime").val(addTime(beginHour,beginMinutes,beginSeconds));
		$("#endFullTime").val(addTime(endHour,endMinutes,endSeconds));
		
		console.log($("#beginTime").val());
		console.log($("#endTime").val());
		$("form").submit();
	});
	
});

function addTime(hour,min,sec){
	var day = $("#examDate").val();
	
	var fullTime = day+" "+hour+":"+min+":"+sec;
	
	return fullTime;
}
</script>
</head>
<body>
	<div class="top">
		<div class="header">
			<ul class="nav">
				<li><a href="${basePath}/index.do" class="current">首页</a></li>
				<li><a href="${basePath}/radom.do">随便看看</a></li>
				<li>分类</li>
			</ul>
			<ul class="menu">
				<li><a href="${basePath}/profile.do">档案</a></li>
				<li><a href="${basePath}/login/doLogout.do">退出</a></li>
			</ul>
		</div>
	</div>
	
	<div class="container">
		<div class="addexam_box br4">
			<form method="post" action="${basePath}/dashboard/paper/doAddPaper.do">
				<p>所属考试:</p>
				<p>
					<select id="examId" name="examId" class="wb465">
						<option value=""></option>
						<#list examList as exam>
							<option value="${exam.uid}">${exam.examName}</option>
						</#list>
					<select>
				
				</p>
			
				<p>试卷标题:</p>
				<p><input type="text" name="title" value=""/></p>
				
				<p>试卷副标题:</p>
				<p><input type="text" name="subTitle" value=""/></p>
				
				
				<p>开考日期:</p>
				<p><input id="examDate" type="text" name="examDate" value="" onClick="WdatePicker()"/></p>
				
				<p>开始时间:</p>
				<p>
					<select id="beginHour" name="beginHour">
						<option value=""></option>
						<#list hourList as hour>
							<option value="${hour}">${hour}</option>
						</#list>
					<select>
					:
					<select id="beginMinutes" name="beginMinutes">
						<option value=""></option>
						<#list minList as min>
							<option value="${min}">${min}</option>
						</#list>
					<select>
					:
					<select id="beginSeconds" name="beginSeconds">
						<option value=""></option>
						<#list minList as min>
							<option value="${min}">${min}</option>
						</#list>
					<select>
				</p>
				
				<p>结束时间:</p>
				<p>
					<select id="endHour" name="endHour">
						<option value=""></option>
						<#list hourList as hour>
							<option value="${hour}">${hour}</option>
						</#list>
					<select>
					:
					<select id="endMinutes" name="endMinutes">
						<option value=""></option>
						<#list minList as min>
							<option value="${min}">${min}</option>
						</#list>
					<select>
					:
					<select id="endSeconds" name="endSeconds">
						<option value=""></option>
						<#list minList as min>
							<option value="${min}">${min}</option>
						</#list>
					<select>
				</p>
				
				<p>通过标准:</p>
				<p><input type="text" name="passScore" value=""/></p>
				
				
				<p><a id="btn_submit" href="javascript:void(0);" class="br8">创建试卷</a></p>
				<input id="beginFullTime" name="beginFullTime" type="hidden" value=""/>
				<input id="endFullTime" name="endFullTime" type="hidden" value=""/>
			</form>
		</div>
	</div>

</body>
</html>